<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>
        <title>Fichas Conta Bancária</title>
    </h:head>

    <ui:composition template="/index.xhtml">
        <ui:define name="conteudo">
            <f:view>
                <h:body>
                    <h:form id="formFichasContaBancaria" >

                        <p:growl autoUpdate="true" showDetail="true"/>

                        <p:panel header="Fichas Conta Bancária">

                            <p:dataTable id="dtFichasContaBancaria"
                                         var="item"
                                         value="#{fichaContaBancariaBean.fichasContaBancaria}"
                                         selectionMode="single"
                                         selection="#{fichaContaBancariaBean.fichaContaBancaria}"
                                         rowKey="#{item.id}"
                                         emptyMessage="N&atilde;o h&aacute; dados">

                                <p:ajax event="rowSelect" update=":formFichasContaBancaria:dtUnidadesOrcamentarias" />

                                <p:ajax event="rowUnselect" update=":formFichasContaBancaria:dtUnidadesOrcamentarias" />

                                <p:column headerText="Conta"
                                          style="width: 50px">

                                        <h:outputText value="#{item.conta}" />

                                </p:column>

                                <p:column headerText="Tipo de Conta">

                                        <h:outputText value="#{item.tipoConta}" />

                                </p:column>

                                <p:column headerText="Banco">

                                    <h:outputText value="#{item.tipoBanco}" />

                                </p:column>

                                <p:column headerText="Saldo" 
                                          >

                                    <div style="float: right" >

                                        <h:outputText value="#{item.saldo}"  >

                                            <f:convertNumber type="currency" currencySymbol="" />

                                        </h:outputText>

                                    </div>

                                </p:column>

                            </p:dataTable>

                            <br/>

                            <!-- Botões para o CRUD -->

                            <p:commandButton value="Novo"
                                             actionListener="#{fichaContaBancariaBean.adicionarInicio}"
                                             oncomplete="dlgFichaContaBancaria.show()"
                                             update=":display"/>

                            <p:commandButton value="Editar"
                                             actionListener="#{fichaContaBancariaBean.editarInicio}"
                                             update=":display"/>

                            <p:commandButton value="Excluir"
                                             actionListener="#{fichaContaBancariaBean.excluirInicio}"/>

                        </p:panel>

                        <br/>

                        <p:panel header="Unidades Orçamentárias" >

                            <p:dataTable id="dtUnidadesOrcamentarias"
                                         var="item"
                                         value="#{fichaContaBancariaUnidadeOrcamentariaBean.fichasContaBancariaUnidadesOrcamentaria}"
                                         selectionMode="single"
                                         selection="#{fichaContaBancariaUnidadeOrcamentariaBean.fichaContaBancariaUnidadeOrcamentaria}"
                                         rowKey="#{item.id}"
                                         emptyMessage="N&atilde;o h&aacute; dados">

                                <p:column headerText="Código"
                                          style="width: 50px">

                                    <center>

                                        <h:outputText value="#{item.unidadeOrcamentaria.codigo}" />

                                    </center>

                                </p:column>

                                <p:column headerText="Descrição" >

                                    <h:outputText value="#{item.unidadeOrcamentaria.descricao}" />

                                </p:column>

                            </p:dataTable>

                            <br/>

                            <p:commandButton value="Adicionar"
                                             actionListener="#{fichaContaBancariaUnidadeOrcamentariaBean.adicionarInicio}" />

                            <p:commandButton value="Excluir"
                                             actionListener="#{fichaContaBancariaUnidadeOrcamentariaBean.excluirInicio}"/>

                        </p:panel>

                    </h:form>

                    <!-- confirmDialog para confirmação de exclusão -->

                    <p:confirmDialog  message="Deseja excluir esse registro?"
                                      severity="alert"
                                      header="Exclus&atilde;o"
                                      widgetVar="dlgExcluirFichaContaBancaria"
                                      appendToBody="true">

                        <h:form>

                            <p:commandButton id="confirm"
                                             value="Sim"
                                             actionListener="#{fichaContaBancariaBean.excluirFim}"
                                             update=":formFichasContaBancaria:dtFichasContaBancaria"/>

                            <p:commandButton id="decline"
                                             value="N&atilde;o"
                                             onclick="dlgExcluirFichaContaBancaria.hide();"
                                             actionListener="#{fichaContaBancariaBean.cancelar}"
                                             update=":formFichasContaBancaria:dtFichasContaBancaria" />

                        </h:form>

                    </p:confirmDialog>

                    <p:dialog header="Ficha de Conta Bancária"
                              widgetVar="dlgFichaContaBancaria"
                              appendToBody="true"
                              showEffect="clip"
                              hideEffect="clip"
                              dynamic="true"
                              modal="true"
                              resizable="false" >

                        <h:panelGrid id="display"
                                     style="width: 400px">

                            <ui:include src="../ficha-conta-bancaria/FichaContaBancaria.xhtml" />

                        </h:panelGrid>

                    </p:dialog>

                    <p:confirmDialog  message="Deseja excluir esse registro?"
                                      severity="alert"
                                      header="Exclus&atilde;o"
                                      widgetVar="dlgExcluirFichaContaBancariaUnidadeOrcamentaria"
                                      appendToBody="true">

                        <h:form>

                            <p:commandButton id="confirm"
                                             value="Sim"
                                             actionListener="#{fichaContaBancariaUnidadeOrcamentariaBean.excluirFim}"
                                             update=":formFichasContaBancaria:dtUnidadesOrcamentarias"/>

                            <p:commandButton id="decline"
                                             value="N&atilde;o"
                                             onclick="dlgExcluirFichaContaBancariaUnidadeOrcamentaria.hide();"
                                             actionListener="#{fichaContaBancariaUnidadeOrcamentariaBean.cancelar}"
                                             update=":formFichasContaBancaria:dtUnidadesOrcamentarias" />

                        </h:form>

                    </p:confirmDialog>

                    <p:dialog header="Unidades Orçamentárias"
                              widgetVar="dlgFichaContaBancariaUnidadeOrcamentaria"
                              appendToBody="true"
                              showEffect="clip"
                              hideEffect="clip"
                              dynamic="true"
                              modal="true"
                              resizable="false" >

                        <h:panelGrid id="displayFichaContaBancariaUnidadeOrcamentaria"
                                     style="width: 200px">

                            <h:form>

                                <h:panelGrid style="width: 100%">

                                    <h:panelGroup>

                                        <h:outputText value="Unidade Orçamentária" /><br/>
                                    </h:panelGroup>


                                    <h:panelGroup>

                                        <p:selectOneMenu value="#{fichaContaBancariaUnidadeOrcamentariaBean
                                                                  .fichaContaBancariaUnidadeOrcamentaria.unidadeOrcamentaria}"
                                                         style="width: 100%">

                                            <f:selectItem itemLabel="Selecione" />
                                            <f:selectItems value="#{fichaContaBancariaUnidadeOrcamentariaBean.unidadeOrcamentarias}" />
                                            <f:converter converterId="simpleEntityConverter" />

                                        </p:selectOneMenu>

                                    </h:panelGroup>

                                </h:panelGrid>

                                <br/>

                                <p:commandButton value="Adicionar"
                                                 actionListener="#{fichaContaBancariaUnidadeOrcamentariaBean
                                                                   .adicionarEditarFim}" />

                                <p:commandButton value="Cancelar"
                                                 oncomplete="dlgFichaContaBancariaUnidadeOrcamentaria.hide()"/>

                            </h:form>

                        </h:panelGrid>

                    </p:dialog>

                </h:body>
            </f:view>
        </ui:define>
    </ui:composition>

</html>

